<template>
	<view class="success-page">
		<!-- 主体内容 -->
		<view class="content">
			<!-- 绿色勾选标志 -->
			<view class="success">
				✔
			</view>
			<!-- 绑定成功文字 -->
			<text style="font-weight: bold;">绑定成功</text>
		</view>

		<!-- 返回按钮 -->
		<button class="return-button" @click="handleReturn">返回</button>
	</view>
</template>

<script setup>
	// 返回按钮点击事件
	const handleReturn = () => {
		// 返回我的车辆页面
		uni.redirectTo({
			url: "/packageMy/vehicle/myVehicles/myVehicles"
		})
		// uni.navigateBack();
	};
</script>

<style scoped>
	.success-page {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		text-align: center;
	}

	.success {
		width: 100px;
		height: 100px;
		background-color: #35AD1A;
		border-radius: 50px;
		color: white;
		font-size: 50px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 15vh;
		margin-bottom: 30px;
	}

	/* 返回按钮 */
	.return-button {
		width: 40vw;
		margin-top: 20vh;
		background-color: #F8F8F8;
		color: #000;
		font-size: 16px;
		border-radius: 8px;
	}
</style>